<!DOCTYPE html>
<html>
<head lang="en">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <link rel="stylesheet" href="css/protractor.css"/>
  <link rel="icon" href="img/favicon.ico" sizes="16x16 32x32 48x48 64x64"
      type="image/x-icon">
  <title>Protractor - end-to-end testing for AngularJS</title>
</head>
<body ng-app="protractorApp">
<nav class="navbar navbar-default navbar-static navbar-fixed-top">
  <div class="container-fluid">
    <div class="navbar-header">
      <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-example-js-navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
    </div>
    <div class="container">
      <div class="collapse navbar-collapse bs-example-js-navbar-collapse">
        <ul class="nav navbar-nav">
          <!-- Home -->
          <li><a href="#/">Home</a></li>

          <!-- Quick start -->
          <li class="dropdown">
            <a id="drop1" href="javascript:void(0)" class="dropdown-toggle"
                data-toggle="dropdown">Quick Start <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a tabindex="-1" href="#/tutorial">Tutorial</a></li>
            </ul>
          </li>

          <!-- Protractor Setup -->
          <li class="dropdown">
            <a id="drop2" href="javascript:void(0)" class="dropdown-toggle"
                data-toggle="dropdown">Protractor Setup <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a tabindex="-1" href="#/protractor-setup">Setting Up Protractor</a></li>
              <li><a tabindex="-1" href="#/server-setup">Setting Up the Selenium Server</a></li>
              <li><a tabindex="-1" href="#/browser-setup">Setting Up the Browser</a></li>
              <li><a tabindex="-1" href=#/frameworks>Choosing a Framework</a></li>
            </ul>
          </li>

          <!-- Protractor Tests -->
          <li class="dropdown">
            <a id="drop3" href="javascript:void(0)" class="dropdown-toggle"
                data-toggle="dropdown">Protractor Tests <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a tabindex="-1" href="#/getting-started">Getting Started</a></li>
              <li><a tabindex="-1" href="#/tutorial">Tutorial</a></li>
              <li><a tabindex="-1" href="#/api-overview">Working with Spec and Config Files</a></li>
              <li><a tabindex="-1" href="#/system-setup">Setting Up the System Under Test</a></li>
              <li><a tabindex="-1" href="#/locators">Using Locators</a></li>
              <li><a tabindex="-1" href="#/page-objects">Using Page Objects to Organize Tests</a></li>
              <li><a tabindex="-1" href="#/debugging">Debugging Protractor Tests</a></li>
            </ul>
          </li>

          <!-- Reference -->
          <li class="dropdown">
            <a id="drop4" href="javascript:void(0)" class="dropdown-toggle"
                data-toggle="dropdown">Reference <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a tabindex="-1" href="https://github.com/angular/protractor/blob/master/lib/config.ts">Configuration File</a></li>
              <li><a tabindex="-1" href="#/api">Protractor API</a></li>
              <li><a tabindex="-1" href="#/style-guide">Style Guide</a></li>
              <li><a tabindex="-1" href="#/webdriver-vs-protractor">Protractor Syntax vs WebDriverJS Syntax</a></li>
              <li><a tabindex="-1" href="#/browser-support">Browser Support</a></li>
              <li><a tabindex="-1" href="#/plugins">Plugins</a></li>
              <li><a tabindex="-1" href="#/timeouts">Timeouts</a></li>
              <li><a tabindex="-1" href="#/control-flow">The WebDriver Control Flow</a></li>
              <li><a tabindex="-1" href="#/typescript">Using TypeScript</a></li>
              <li><a tabindex="-1" href="#/async-await">Using async/await</a></li>
              <li><a tabindex="-1" href="#/infrastructure">How It Works</a></li>
              <li><a tabindex="-1" href="#/jasmine-upgrade">Upgrading to Jasmine 2.x</a></li>
              <li><a tabindex="-1" href="#/mobile-setup">Mobile Setup</a></li>
              <li><a tabindex="-1" href="#/faq">FAQ</a></li>
            </ul>
          </li>
        </ul>
      </div><!-- /.nav-collapse -->
    </div>
  </div><!-- /.container-fluid -->
</nav>
<div class="container protractor-container" ng-view autoscroll="true"></div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.7/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.7/angular-route.min.js"></script>
<script src="protractorApp.js"></script>
</body>
</html>
